<!--
  Generated template for the BaiduPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>百度地图</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div #search class="search">
    <ion-searchbar placeholder="搜索" [(ngModel)]="searchVal" (keyup)="onSearch()"></ion-searchbar>
    <div *ngIf="searchResult && searchResult.length > 0" class="searchResult">
      <ion-list>
        <ion-item *ngFor="let item of searchResult" (click)="selectResult(item.data)">
          {{ item.title }}
        </ion-item>
      </ion-list>
    </div>
  </div>
  <div class="container">
    <div #map class="mapa"></div>
  </div>
</ion-content>